<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>面板之自定义工具 - jQuery EasyUI 演示</title>
	<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
	<link rel="stylesheet" type="text/css" href="../demo.css">
	<script type="text/javascript" src="../../jquery.min.js"></script>
	<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
</head>
<body>
	<h2 title="Custom Panel Tools">面板之自定义工具</h2>
	<p title="Click the right top buttons to perform actions with panel.">　　点击右上角的各个按钮，即可执行有关面板的相应操作。</p>
	<div style="margin:20px 0 10px 0;"></div>
	<div class="easyui-panel" title="<h title='Custom Panel Tools'>&nbsp;自定义工具</h>" style="width:700px;height:200px;padding:10px;"
			data-options="iconCls:'icon-save',closable:true,tools:'#tt'">
		<p style="font-size:14px" title="jQuery EasyUI framework help you build your web page easily.">　　有了 jQuery EasyUI 框架，构建网页如虎添翼。</p>
		<ul>
			<li title="easyui is a collection of user-interface plugin based on jQuery.">easyui 是一系列基于 jQuery 用户接口插件的集合。</li>
			<li title="easyui provides essential functionality for building modern, interactive, javascript applications.">easyui 提供构建现代交互 javascript 应用的必备功能。</li>
			<li title="using easyui you don't need to write many javascript code, you usually defines user-interface by writing some HTML markup.">有了 easyui 之后不必再狂写 javascript 代码，通常只写些 HTML 标记来定义用户接口即可。</li>
			<li title="complete framework for HTML5 web page.">HTML5 网页的完整框架。</li>
			<li title="easyui save your time and scales while developing your products.">easyui 开发应用，省时省工。</li>
			<li title="easyui is very easy but powerful.">easyui 简于形而强于心。</li>
		</ul>
	</div>
	<div id="tt">
		<a href="javascript:void(0)" class="icon-add" onclick="javascript:alert('新增')"></a>
		<a href="javascript:void(0)" class="icon-edit" onclick="javascript:alert('编辑')"></a>
		<a href="javascript:void(0)" class="icon-cut" onclick="javascript:alert('剪切')"></a>
		<a href="javascript:void(0)" class="icon-help" onclick="javascript:alert('帮助')"></a>
	</div>
</body>
</html>